import React, { useEffect, useState } from "react";
import Taro, { useDidShow } from "@tarojs/taro";
import { View, Text, Input, Form, Button, Image } from "@tarojs/components";
import { getToken, removeToken } from "@/src/service";
import { getData } from "@/src/globalData";

import navWithAuth from "@/common/utils/navWithAuth";

import rightIcon from "@/images/icon_right.jpg";
import orderIcon from "@/images/order_icon.png";
import contractIcon from "@/images/contract_icon.png";

import settingIcon from "@/images/setting_icon.png";
import addressIcon from "@/images/address_icon.png";
import vipIcon from "@/images/vip_icon.png";
import personIcon from "@/images/person_icon.png";
import zanIcon from "@/images/zan_icon.png";

import "./index.scss";

const Index: React.FC<{}> = () => {
  return (
    <View className="user-info-page">
      <View className="list-wrapper">
        <View className="item header">
          <View className="label">头像</View>
          <View className="value">
            <Image src={personIcon} />
          </View>
        </View>

        <View className="item">
          <View className="label">昵称</View>
          <View className="value">
            <Text>seven</Text>
          </View>
          <Image src={rightIcon} className="arrow" />
        </View>

        <View className="item">
          <View className="label">账号</View>
          <View className="value">
            <Text>15527377390</Text>
          </View>
          <View className="arrow"></View>
        </View>
      </View>

      <View className="list-wrapper">
        <View className="item">
          <View className="label">昵称</View>
          <View className="value">
            <Text>seven</Text>
          </View>
          <Image src={rightIcon} className="arrow" />
        </View>

        <View className="item">
          <View className="label">账号</View>
          <View className="value">
            <Text>15527377390</Text>
          </View>
          <Image src={rightIcon} className="arrow" />
        </View>
      </View>
    </View>
  );
};

export default Index;
